<template>
  <header id="header">
    <h1>{{title}}</h1>
  </header>
</template>
<script>
export default {
    name : 'Header',
    props: {
        title : {
            type : String,
            default : '喵喵电影'
        }
    }
};
</script>


<style scoped>
#header {
  width: 100%;
  height: 50px;
  color: #fff;
  background: #e54847;
  border-bottom: 1m solid #e54847;
  position: relative;
}
#header h1 {
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  font-weight: nomal;
}
#header i {
  position: absolute;
  left: 5pex;
  top: 50%;
  margin-top: -13pp;
  font-size: 26px;
}
</style>